<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>Web-1</title>
		<style type="text/css">
			* {
				margin: 0;
				padding: 0;
			}

			#body {
				width: 80%;
				height: 700px;
				margin: 30px auto;
				border: 2px solid black;
				background-color: #EBEBEB;
			}

			#nav {
				width: 100%;
				height: 50px;
				background-color: #018EED;
			}

			.menu {
				list-style: none;
			}

			.menu li {
				float: left;
				list-style: none;
			}

			.menu a {
				display: block;
				color: white;
				text-align: center;
				font-size: 1.5em;
				text-decoration: none;
				padding-left: 45px;
				padding-right: 45px;
				line-height: 50px;
			}

			.menu a:hover {
				background-color: #0078DD;
			}

			#body1 {
				width: 80%;
				height: 700px;
				margin: 50px auto;
				border: 2px solid black;
				background-color: #EBEBEB;
			}
		</style>
		<script type="text/javascript"></script>
	</head>
	<body>
		<div id="body">
			<div id="nav">
				<ul class="menu">
					<li><a href="#" target="chuangkou" style="padding-left:90px;padding-right:90px;">首页</a></li>
					<li><a href="#" target="chuangkou">我要出借</a></li>
					<li><a href="#" target="chuangkou">我要借款</a></li>
					<li><a href="#" target="chuangkou">品牌新闻</a></li>
					<li><a href="#" target="chuangkou">社会责任</a></li>
					<li><a href="#" target="chuangkou">信息披露</a></li>
					<li><a href="#" target="chuangkou">网贷课堂</a></li>
					<li><a href="#" target="chuangkou">论坛</a></li>
					<li><a href="#" target="chuangkou">会员中心</a></li>
				</ul>
			</div>
			<div id="container">
				<iframe src="main.html" frameborder="0" name="chuangkou" style="width:100%;height:640px;" scrolling="no"></iframe>
			</div>
		</div>
		<div id="body1">
			<h1 style="text-align:center;">新手专享自动投标服务</h1>
			<div style="width:150px;height:10px;background-color:#01A3F0;margin:10px auto;"></div>
			<h2 style="text-align:center;">保障计划： 银行资金存管 真实债券 融担保障</h2>
			
			<div style="width:800px;height:200px;background-color:white; float:left;margin:45px;color:darkgray;">
				<div style="float:left;font-size:1.6em;margin:20px;padding:20px 40px;border-right:1px solid black; text-align:left;">
					<span style="color:red;font-size:1.8em;font-family: 幼圆;font-weight:bold;">8.5%</span><br>
					<br><span>参考年回报率</span>
				</div>
				<div style="float:left;font-size:1.6em;margin:20px;padding:20px;text-align:left;">
					<span style="color:red;font-size:1.8em;font-family: 幼圆;font-weight:bold;">1月</span>
					<span>授权服务区</span><br>
					<br><span>最小出借金额1000元</span>
				</div>
				<div style="float:left;font-size:1.8em;margin:20px;padding:20px;margin-left:0;padding-left:0;text-align:left;">
					<button type="button" style="background-color:#0082E1;color:white;width:150px;height:60px;border-radius: calc(50%);cursor:pointer;">马上抢</button>
				</div>
			</div>
			
			<div style="width:800px;height:200px;background-color:white; float:left;margin:45px;color:darkgray;">
				<div style="float:left;font-size:1.6em;margin:20px;padding:20px 40px;border-right:1px solid black; text-align:left;">
					<span style="color:red;font-size:1.8em;font-family: 幼圆;font-weight:bold;">6.5%</span><br>
					<br><span>参考年回报率</span>
				</div>
				<div style="float:left;font-size:1.6em;margin:20px;padding:20px;text-align:left;">
					<span style="color:red;font-size:1.8em;font-family: 幼圆;font-weight:bold;">3月</span>
					<span>授权服务区</span><br>
					<br><span>最小出借金额1000元</span>
				</div>
				<div style="float:left;font-size:1.8em;margin:20px;padding:20px;margin-left:0;padding-left:0;text-align:left;">
					<button type="button" style="background-color:#0082E1;color:white;width:150px;height:60px;border-radius: calc(50%);cursor:pointer;">马上抢</button>
				</div>
			</div>
			
			<div style="width:800px;height:200px;background-color:white; float:left;margin:45px;color:darkgray;">
				<div style="float:left;font-size:1.6em;margin:20px;padding:20px 40px;border-right:1px solid black; text-align:left;">
					<span style="color:red;font-size:1.8em;font-family: 幼圆;font-weight:bold;">6.5%</span><br>
					<br><span>参考年回报率</span>
				</div>
				<div style="float:left;font-size:1.6em;margin:20px;padding:20px;text-align:left;">
					<span style="color:red;font-size:1.8em;font-family: 幼圆;font-weight:bold;">6月</span>
					<span>授权服务区</span><br>
					<br><span>最小出借金额5000元</span>
				</div>
				<div style="float:left;font-size:1.8em;margin:20px;padding:20px;margin-left:0;padding-left:0;text-align:left;">
					<button type="button" style="background-color:#0082E1;color:white;width:150px;height:60px;border-radius: calc(50%);cursor:pointer;">马上抢</button>
				</div>
			</div>
			
			<div style="width:800px;height:200px;background-color:white; float:left;margin:45px;color:darkgray;">
				<div style="float:left;font-size:1.6em;margin:20px;padding:20px 40px;border-right:1px solid black; text-align:left;">
					<span style="color:red;font-size:1.8em;font-family: 幼圆;font-weight:bold;">8.5%</span><br>
					<br><span>参考年回报率</span>
				</div>
				<div style="float:left;font-size:1.6em;margin:20px;padding:20px;text-align:left;">
					<span style="color:red;font-size:1.8em;font-family: 幼圆;font-weight:bold;">12月</span>
					<span>授权服务区</span><br>
					<br><span>最小出借金额20000元</span>
				</div>
				<div style="float:left;font-size:1.8em;margin:20px;padding:20px;margin-left:0;padding-left:0;text-align:left;">
					<button type="button" style="background-color:#0082E1;color:white;width:150px;height:60px;border-radius: calc(50%);cursor:pointer;">马上抢</button>
				</div>
			</div>
		</div>
	</body>
</html>
